.all{
    max-width:7.5rem;
    margin: 0 auto;
    img{
        max-width:7.5rem;
    }
    .top{
        display:flex;
        height: 0.88rem;
        align-items:center;
        width: 100%;
        position:relative;
        font-size:.36rem;
        .top-top{
            display:flex;
            align-items:center;
            a{
                width: 1.5rem;
                display:flex;
                height: 100%;
                color:#333;
                align-items:center;
                .top-t{
                    width: .64rem;
                    height: .6rem;
                    background:url(../img/xiao/tow_icon.png) 0 0 ;
                }
            }
           
            .top-k{
                width: 4.7rem;
                text-align:center;
                line-height:0.88rem;
                height: 100%;
            }
        }
       
        .top-pic{
            width: 1.44rem;
            height: .88rem;
          .pic-img{             
              margin-top:.2rem;
              margin-left:.7rem;
              img{
                  width: 0.32rem;
                  height: 0.32rem;
              }
            }
        }
        .show{
            position: absolute;
            top:.88rem;
            z-index:5;
            display:flex;
            display: none;
            right:0;
            flex-wrap:wrap;
            width: 2.3rem;
            font-size:.30rem;
            height: 3.4rem;
            background:rgba(255,255,255,0.9);
            a{
                height: 0.84rem;
                width: 2.3rem;
                padding-left: .2rem;
                display:flex;
                color:#333;
                align-items:center;
                border-bottom:.01rem solid #fff;
                img{
                    height: 0.35rem;
                }
                span{
                    margin-left:.3rem;
                }
            }
        }
    }
    .content{
        .con-top{
            display:flex;
            flex-direction:column;
            align-items:center;
            flex-wrap:wrap;
            h2{
                font-size:.36rem;
                color:#b3363f;
                margin-top:.6rem;
            }
            h1{
                font-size: 0.52rem;
                margin-top:.3rem;
            }
            p{
                width: 5.28rem;
                font-size:.26rem;
                margin-top:.2rem;
                text-align:center;
                margin-bottom:.3rem;
            }
            .img{
                 height:4.4rem;
            }
        }
        .especially{
            font-size:.4rem;
            margin-top:1rem;
            font-weight:700;
            .con{
                width: 5rem;
                height: 1rem;
                position:relative;
                border:.01rem solid #000;
                margin: 0 auto;
                line-height:1rem;
                text-align:center;
            }
            .conter{
                width: 3rem;
            }
            .k{
                position: absolute;
               left:-.25rem;
                top:.25rem;
                width: 0.5rem;
                height: 0.5rem;
                background-color:#fff;
            }
            span{
                display: block;
                width: 0.03rem;
                height: 0.5rem;
                transform:rotateZ(45deg);
                margin: 0 auto;
                background-color:#808080;
            }
            .t{
                position: absolute;
                right:-.25rem;
                top:.25rem;
                width: 0.5rem;
                height: 0.5rem;
                // transform:translateX(-50%);
                background-color:#fff;
            }
        }
        .article{
            font-size:.28rem;
            padding:.4rem;
            line-height:.5rem;
            color:#333;
            letter-spacing: .005rem;
            max-height:100%;
        }
        .pic2{
            margin-bottom:.3rem;
        }
        .conter{
            margin-top:1rem;
            h3{
                font-size:.44rem;
                font-weight:700;
                margin-left:.3rem;
            }
            .sub-box{
                display:flex;
                a:last-child{
                    margin-left:.04rem;
                }
                a{
                    display:flex;
                    width: 3.72rem;
                    flex-direction:column;
                    flex-wrap:wrap;
                    color:#000;
                    align-items:center;
                    p{
                      font-size:.3rem;
                       font-weight:700;
                       margin-top:.2rem;
                       margin-bottom:.05rem;
                    }
                    button{
                        border:.01rem solid #000;
                        width: 2.02rem;
                        height: 0.46rem;
                        margin-top:.2rem;
                        background-color:#fff;
                    }
                }
            }
        }
        .end{
            margin-top:.3rem;
            h3{
                font-size:.44rem;
                font-weight:700;
                width: 6rem;
                margin-bottom:.2rem;
                padding:.6rem .3rem .05rem .3rem;
            }
            .end-con{
                display:flex;
                flex-wrap:wrap;
                a:nth-child(2n){
                    border-left:.01rem solid #eee;
                }
                a:nth-child(1){
                 padding-left:.36rem;
                }
                a:nth-child(2){
                    padding-left:.36rem;
                   }
                a:nth-child(1) img{
                    width: 3rem;
                    height: 3rem;
                }
                a:nth-child(2) img{
                    width: 3rem;
                    height: 3rem;
                }
                a{
                    display:flex;
                    width: 3.72rem;
                    flex-direction:column;
                    flex-wrap:wrap;
                    color:#000;                  
                    padding-bottom:1rem;
                    letter-spacing: .01rem;
                    border-bottom:.01rem solid #eee;
                    img{
                        width: 3.72rem;
                        height: 3.72rem;
                    }
                    p{
                        padding-left:.36rem; 
                    }
                    span{
                        font-size:.28rem;
                        padding-left:.36rem;
                        margin-top:.1rem;
                    }
                   
                  }
            }          
        }
    }
}